<!DOCTYPE html>
<html>
<head>
    <style>
        .box{
            border: 3px solid #000;
            width: 400px;
        }
        .box h3{
            font-size: 30px;
            text-align: center;
        }
        .box p{
            font-size: 25px;
            font-weight: 600;
        }
    </style>
    <meta charset="UTF-8" />
    <title></title>
</head>
<body>
    <div class="box">
        <h3>函数的声明</h3>
        <p>function 命令: function命令声明的代码区块,就是一个函数。function命令后面是函
        数名，函数名后面是一对圆括号，里面是传入函数的参数。函数体放在大括号里面。</p>
    </div>
    <div class="box">
        <h3>函数名的提升</h3>
        <p>将函数代码调用的使用放在创建函数的前面,也是没有问题的</p>
    </div>
    <div class="box">
        <h3>函数参数</h3>
        <p>函数运行的时候，有时需要提供外部数据，不同的外部数据会得到不同的结果，这种外部数据就叫参数</p>
    </div>
    <div class="box">
        <h3>函数返回值</h3>
        <p>avaScript函数提供两个接口实现与外界的交豆，其中参数作为入口，接收外界信息;返回值作为出口，
        把运算结果反馈给外界</p>
    </div>
    <script>
        //创建一个函数
        function add(){
            var x = 10;
            var y = 20;
            console.log(x+y);
            
        }
        //调用函数
        //函数可以只调用一次，也可以调用多次
        add();//30
        add();//30


        //函数的参数
        //这里的x和y就代表参数
        function sub(x,y){
            console.log(x - y);
        }
        //传参
        sub(10,20);//-10
        sub(20,-10);//30



        //函数的返回值
        function mul(x,y){
            return x * y;
        }
        //创建一个ret用来接受函数的返回值
        var ret = mul(6,-8);
        console.log(ret);//-48
        
    </script>
</body>
</html>